<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="cn">
<head>
<%@ include file="/WEB-INF/pages/include/globa.jsp"%>
<head>
	<meta charset="utf-8" />
	<title>智能硬件梦工场</title>
	<meta http-equiv="description" content="智能硬件梦工场,敏捷制造,工业设计">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta http-equiv="keywords" content="智能硬件梦工场" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0, user-scalable=0" />
	<!-- 基本 CSS样式 -->
	<link href="${SERVER_PATH}/css/index/main.css" rel="stylesheet">
	<!-- 网页css样式 -->
	<link href="${SERVER_PATH}/css/index/style.css" rel="stylesheet">
	<!--图标按钮-->
	<link href="${SERVER_PATH}/fonts/ali-icons-index/iconfont.css" rel="stylesheet" >
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  	<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<header class="header">
		<div class="container container-large  clearfix">
			<div class="page-wrap header-parent">
				<div class="header-stable">
					<div class="header-logo">
						<a href="${SERVER_PATH}/index">
							<h4><img src="${SERVER_PATH}/img/logo2.png" alt="梦工场"></h4>
						</a>
					</div>
				</div>
				<div class="page-wrap header-navi">
					<div class="navi-left">
						<ul id="navi-menu-left" class="page-wrap navigation">
							<li class="active">
								<a href="${SERVER_PATH}/tech/list">科技成果</a>
							</li>
							<li>
								<a href="${SERVER_PATH}/made">智造局</a>
							</li>
							<li>
								<a href="#">活动</a>
							</li>
						</ul>
					</div>
					<div class="navi-login">
						<ul id="navi-menu-right" class="page-wrap navigation login-ul">
							
							<c:choose>
								<c:when test="${empty user}">
								<li>
									<a href="${SERVER_PATH}/login#/access/signin">登录</a>
								</li>
								<li>
									<span>|</span><a href="${SERVER_PATH}/login#/access/reg/phone">注册</a>
								</li>
								</c:when>
								<c:otherwise>
									<li class="userli">
										<a href="${SERVER_PATH}/user" >
										<i><img src="${user.icon}"/></i><span>${user.name}</span>
										</a>
									</li>
								</c:otherwise>
							</c:choose>
							
						</ul>
					</div>
					<div class="page-wrap navi-toggle">
						<a href="#" class="navi-toggle-btn" >
							<i class="iconfont icon-menu"></i>
						</a>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- 侧边导航 -->
	<div class="slide-mask"></div>
	<aside class="slide-wrapper">
		<div>
			<ul id="navi-menu">
			</ul>
		</div>
	</aside>
	<article class="content pt50 grey-bg">
		<div class="tech-head-bg-detail">
			<div class="container tech_head">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12" >
						<dl class="tech-info-header">
							<dt>
								<div>
									<img src="${SERVER_PATH}/img/1.jpg" alt="项目略缩图">
								</div>
							</dt>
							<dd>
								<h3>${not empty tech ? tech.name : ""}</h3>
								<p>联系人：${not empty tech ? tech.connectUser : ""}</p>
								<p>电话：${not empty tech ? tech.telephone : ""}</p>
								<p>邮箱：${not empty tech ? tech.email : ""}</p>
								<p>
									<c:if test="${not empty tech && not empty tech.labels}">
										<c:forEach var="label" items="${tech.labels}"> 
											<a href="#"><span class="project-tag">${label.name}</span></a>
										</c:forEach>
									</c:if>
								</p>
							</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
		<div class="container pt20 ">
			<div class="row">
				<div class="col-md-3">
					<c:if test="${not empty tech}">
						<div class="tech-info-menu">
							<div class="tech-panel clearfix">
								<c:if test="${not empty tech.origin}">
									<div class="panel-item ">
										来源
										<span class="panel-detail r">${tech.origin.name}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.industry}">
									<div class="panel-item ">
										行业
										<span class="panel-detail r">${tech.industry.name}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.category}">
									<div class="panel-item ">
										技术类型
										<span class="panel-detail r">${tech.category.name}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.tradeType}">
									<div class="panel-item ">
										交易方式
										<span class="panel-detail r">${tech.tradeType.name}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.price}">
									<div class="panel-item">
										参考价格
										<span class="panel-detail r">${tech.price}</span>
									</div>
								</c:if>
							</div>
							<div class="tech-panel clearfix">
								<c:if test="${not empty tech.address}">
									<div class="panel-item">
										权属人地域
										<span class="panel-detail r">${tech.address}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.owner}">
									<div class="panel-item">
										权属人名称
										<span class="panel-detail r">${tech.owner}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.rTime}">
									<div class="panel-item">
										发布时间
										<span class="panel-detail r">${tech.rTime}</span>
									</div>
								</c:if>
							</div>
							<div class="tech-panel clearfix">
								<div class="panel-item panel-heading ">客服</div>
								<c:if test="${not empty tech.telephone}">
									<div class="panel-item">
										电话
										<span class="panel-detail r">${tech.telephone}</span>
									</div>
								</c:if>
								<c:if test="${not empty tech.email}">
									<div class="panel-item">
										邮箱
										<span class="panel-detail r">${tech.email}</span>
									</div>
								</c:if>
							</div>
						</div>
					</c:if>
				</div>
				<div class="col-md-9" style="margin-left:-10px;">
					<div class="tech-info-content">
						<div class="text-center">
							<h3>${not empty tech ? tech.name : ""}</h3>
						</div>
						<div class="tech-info" >
							<a class="btn" ><span>关注</span></a>
							<a class="btn r"><span>分享</span></a>
							<div class="clearfix"></div>
						</div>
						<div class="tech-info-detail">${not empty tech ? tech.content : ""}</div>
					</div>
				</div>
			</div>
		</div>
	</article>
	<section class="underfooter">
		<div class="container container-large ">
			<div class="row">
		       <div class="col-xs-9 col-sm-6 col-md-3 redlock-border">
					<!--<h4>联系我们</h4> -->
					<div class="footer-left">
						<dl class="footer-address">
							<dt><i class="iconfont icon-brand1"></i></dt>
							<dd>
								<address class="redlock-connect">
					              	<span>服务电话</span><br>
					              010-61934110
					            </address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt><i class="iconfont icon-brand2 foot-height"></i></dt>
							<dd>
								<address>
					              	<span>公司地址</span><br>
					             		北京市海淀区成府路45号 中关村智造大街
					            </address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt><i class="iconfont icon-brand"></i></dt>
							<dd>
								<address>
					              	<span>公司邮箱</span><br>
					              <a href="mailto:#">ying_zhihui@hotmail.com</a>
					            </address>
							</dd>
						</dl>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-6 redlock-border">
					<div class="footer-cooperation">
						<div class="row">
							<ul class="clearfix footer-links">
								<span class="footer-title">合作伙伴</span>
								<li style="width:180px">
									<a href="#" class="thumbnail">
										<img src="${SERVER_PATH}/img/logo3.png" alt="智造大街">
									</a>
								</li>
								<li style="padding-left: 20px;">
									<a href="#" class="thumbnail">
										<img src="${SERVER_PATH}/img/logo1.png" alt="智能硬件梦工场">
									</a>
								</li>
							</ul>

						</div>
					</div>

				</div>
				<div class="col-xs-12 col-sm-12 col-md-3">
					<div>
						<div class="footer-code">
							<span class="footer-title">扫描关注智能硬件梦工场</span>
							<img src="${SERVER_PATH}/img/code.jpg" class="v-code" alt="二维码">
						</div>
					</div>
				</div>
	      	</div>
		</div>
	</section>
	<footer>
		<div class="container">
			<div class="row">
				<p class="text-center">
					网站支撑单位：北京硬智汇科技有限公司
           			|&nbsp;<a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备121212212号</a>
         			</p>
			</div>
		</div>
	</footer>
	
	<!-- jQuery -->
	<script type="text/javascript" src="${SERVER_PATH}/libs/jquery/jquery.min.js"></script>
	<!-- 响应导航  -->
	<script type="text/javascript" src="${SERVER_PATH}/js/web/response-navi.js"></script>
	
	<!-- 科技成果引入方法 -->
	<script type="text/javascript" src="${SERVER_PATH}/js/web/tech-function.js"></script>
	
</body>
</html>